#include("common.html")
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>商城</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <link rel="stylesheet" type="text/css" href="#(tpath)/static/css/vant.css">
    <link rel="stylesheet" type="text/css" href="#(tpath)/static/css/filter.css">
    <script type="text/javascript" src="#(tpath)/static/js/jquery.js"></script>
    <script type="text/javascript" src="#(tpath)/static/js/slider.js"></script>
    <script type="text/javascript" src="#(tpath)/static/js/popup.js"></script>
    <style type="text/css">
    .m-slider {
    overflow-x: hidden;
    width: 100%;
    margin: 0 auto;
    border-radius: 5px;
    position: relative;
}

.slider-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    position: relative;
    z-index: 1;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.slider-item {
    width: 100%;
    height: 100%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: #fff;
}

.slider-item img {
    width: 100%;
    height: auto;
    display: block;
    border: none;
}

.slider-pagination {
    text-align: right;
    position: absolute;
    width: 100%;
    z-index: 2;
    right: 0;
    bottom: 10px;
    pointer-events: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.slider-pagination > .slider-pagination-item {
    margin: 0 .25rem;
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background-color: rgba(255,255,255,0.4);
}

.slider-pagination > .slider-pagination-item.slider-pagination-item-active {
    background-color: #fff;
    border-radius: 100%;
}
    </style>
    <style type="text/css">
    #tabHeader .van-tab--active:before {
    content: '';
    width: 40%;
    height: 0px;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -20%;
    z-index: 4;
    background-color: #f23030;
    border-radius: 120px;
    border: 1px solid #f23030;
    </style>
     <style type="text/css">
     
     .aui-box-gradual {
    background-image: -webkit-gradient(linear,left top,right top,from(#ff6143),to(#ff1767));
    background-image: -webkit-linear-gradient(left,#ff6143,#ff1767);
    background-image: -moz-linear-gradient(left,#ff6143,#ff1767);
    background-image: linear-gradient(to right,#ff6143,#ff1767);
    background-color: #ff6143;
    height: 60px;
}

.aui-box-gradual .aui-flex {
    padding: 0;
}
.aui-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 15px;
    position: relative;
}

.aui-box-gradual .aui-time-price {
    color: #fff;
}
.aui-time-price {
    font-size: 35px;
    font-weight: normal;
    padding-left: 15px;
    letter-spacing: -3px;
    padding-right: 10px;
}

.aui-time-price i {
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    padding-right: 4px;
}

.aui-flex-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    font-size: 14px;
    color: #333;
}

.aui-box-gradual .aui-flex-box h3 {
    color: #fff;
}

.aui-text-lines h3 {
    text-decoration: line-through;
}
.aui-flex-box h3 {
    font-weight: normal;
    padding-bottom: 4px;
}
.aui-flex-box h3 {
    color: #ff1767;
    font-weight: normal;
    font-size: 0.85rem;
}

.aui-box-gradual .aui-flex-box p {
    text-decoration: initial;
}
.aui-flex-box p {
    color: #999;
}
.aui-flex-box p {
    color: #999;
    font-size: 0.85rem;
    text-decoration: line-through;
}

.aui-flex-box p .aui-one {
    color: #ff3272;
    background: #fff;
    border-radius: 2px;
    font-size: 12px;
    padding: 0.1rem 0.2rem;
    font-style: normal;
}

.aui-flex-box p .aui-two {
    border: 1px solid #fff;
    font-style: normal;
    font-size: 12px;
    color: #fff;
    border-radius: 2px;
    padding: 0.1rem 0.2rem;
}

.aui-time-box {
    background: #ffdce7;
    height: 60px;
    padding: 0 11px;
    text-align: center;
}

.aui-time-box p {
    color: #ff1e64;
    padding-top: 10px;
    font-size: 12px;
    padding-bottom: 4px;
}

.time-item {
    float: left;
    padding-top: 0;
}

.time-item span {
    background: #ff3952;
    color: #fff;
    font-weight: 400;
    width: 22px;
    display: block;
    float: left;
    margin: 0 3px;
    border-radius: 3px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 0.85rem;
}

.time-item em {
    font-style: normal;
    color: #ff2c58;
    float: left;
}

.aui-box-gradual html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td {
    margin: 0;
    padding: 0;
}
    </style>
  </head>
  
  <body class="">
    <!-- 样式 -->
    <style>#gdetail{padding-bottom:6rem;position: relative;} .detail_banner{ position: relative; } .detail_banner .van-swipe{width: 100%;} .detail_banner .van-swipe-item{text-align: center;background-color: #fff;} #gdetail .van-card{background:#fff;border-bottom:1px solid #eee;} #gdetail .van-panel__content{padding:5px;border-bottom:1px solid #eee;} #gdetail .van-panel__content img{border:1px solid #eee;} #gdetail .van-card__img{width:60px;height:60px;} #gdetail .van-doc-demo-block{margin-bottom:10px;} #gdetail .demo-button .van-button--small, .demo-button .van-button--normal:not(:last-child) {margin-right: 10px;} #gdetail .pic .van-cell-swipe{margin-bottom:10px;} #gdetail .red{color:#f44;} #gdetail .pic img{max-width:100%;max-height: 100%;vertical-align: middle;width: 100vw;} #gdetail .van-goods-action{z-index:999;background:#ffffff;} #gdetail .pro-info .goods-title{ width:100%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:16px; font-weight:600; line-height:24px; margin-top:5px; } #gdetail .pro-info .goods-desc{ line-height:18px; margin-top:5px; text-align: justify; color: #999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #gdetail .pro-info .sale-info{font-size:14px;} #gdetail .pro-info .sale{margin-bottom:5px;} #gdetail .pro-info .goods-price{margin-top:15px;} #gdetail .pro-info .goods-price .red{font-size:22px;font-weight:600;color: #f44;} #gdetail .marginTop{margin-top:10px;} #gdetail .detail-info{background:#fff;padding:0.5rem;} #gdetail .detail-info img{width:100%;} #gdetail .van-cell-group{background:#ffffff;} #gdetail .pro-info .goods-title .week-sale{font-size:12px; margin-right: 10px;} #gdetail .other-info .van-cell-text{color:#999;} #gdetail .collect-icon{font-size:21px;float:right;margin-top:2px;} #gdetail .van-notice-bar__left-icon img{width:30px;height:30px;} #gdetail .van-notice-bar__left-icon { height: 30px;min-width: 36px; } #gdetail .van-notice-bar__wrap{height:30px;line-height:30px;font-size:16px;} #gdetail .van-stepper__input { vertical-align: -webkit-baseline-middle;} #gdetail .van-popup--right{width:100%; height:100%;} #gdetail .skuinfodate img { height: 25px; width: 25px;margin-right: 10px; vertical-align: middle;border:1px solid #ddd;padding:2px;} #gdetail .h5tz {font-weight: normal;margin:5px 0 0 15px;} /*#gdetail .van-sku__stepper {margin-top: 5px;}*/ #gdetail .margin0 {} #gdetail .van-tag--primary{margin-right:5px;font-size:14px;border-width:0} .pop_close_btn { position: fixed;} .join .van-dialog__content{text-align: center;padding:20px 0} .join img{border-radius:50%;width:50px;height:50px;border:1px dashed #ccc;margin:3px;} .group_list { width: 80%; padding: 10px; box-sizing: border-box; border-radius: 5px; } .group_list .van-cell{line-height: 35px;padding: 10px 0;} .group_list .van-cell .van-tag{margin-left:5px} .group_list .van-cell img{border-radius:50%;width:35px;height:35px;} .group_list .van-cell__left-icon{ height: 35px; min-width: 1em; font-size: 35px; line-height: 35px; width: 35px; } .group_list .list_title{ text-align: center; font-size: 21px; border-bottom: 1px solid #f1f1f1; padding: 0 10px 10px; } .group_list .list_foot{ text-align: center; font-size: 12px; color:#888; padding: 10px; } .share{height:70%;box-sizing: border-box;padding: 10px;width: 100%;} .share_title{text-align:center;font-size:14px;position: relative;} .share_title span{position:absolute; top:2px; right:0; } .coupon{background:#f8f8f8;top:10%} .coupon_item_content{ padding:0; height:110px; display: -webkit-box; display: -webkit-flex; display: flex; box-sizing: border-box; width: 100%; } .coupon_item_head{padding:25px 8px 10px 8px;background: #eb5952;text-align:center;position:relative;width: 42%;box-sizing: border-box;color: #fff;} .coupon_item_head h2{font-weight:700;font-size:26px;line-height: 34px;height: 34px;margin: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .coupon_item_text{padding:10px 8px; width: 58%;box-sizing: border-box;position: relative;border-bottom: 1px solid #eee;} .coupon_item_text h2{ color:#222; font-weight:600; margin: 0; line-height: 22px; height: 22px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; } .p2{font-size:10px;padding: 10px 0px; border-bottom: 1px dashed #eeeeee;} .p3{margin: 5px 0 0;font-size:12px;width:100%;} .cicle-dot{position:absolute;left:-6px;top:3px;} .cicle-dot li{width:11px;height:11px;background:#fff;border-radius:11px;margin-bottom:5px;} .coupon_item{ overflow: hidden; border-radius: 4px; margin: 0 10px 10px; background-color: #fff; box-shadow: 0 0 4px rgba(0,0,0,.1); box-sizing: border-box; } .coupon_item_body{ vertical-align: middle; height: 120px; position: absolute; right: 20px; width: 66px; line-height: 120px; } .goods-detail{ margin-top: 10px; } .no-img{ width: 100%; height: 300px; text-align: center; line-height: 300px; font-size: 16px; } .no-goods-desc{ padding:8rem 0 2rem 0; box-sizing: border-box; text-align: center; width: 100%; background:#ffffff; } .share .van-button--large{ height:40px; line-height:40px; } .share .van-button--round{ border-radius:10px; } .share #shareImage{padding: 20px 0;width:300px;text-align: center;} .share #shareImageBox{width:300px;height:470px;margin: 0 auto;} .share-footer{ text-align:center; font-size:12px; margin-top:10px; margin-bottom:25px; } .goods-detail-content{ padding: 4.5rem 0 5rem 0; background-color: #fff; box-sizing: border-box; } .goods-detail .goods-detail-content img{ width: 100%;  vertical-align:middle; } .no-data{ width: 100%; height:100%; padding-top: 200px; text-align: center; font-size: 12px; color: #d9d9d9; } .coupon_list{padding: 10px 0;box-sizing: border-box;-webkit-overflow-scrolling: touch;} .share-text{ margin: 0; font-size: 12px; color: #333; transform: scale(0.8); margin-left: -3px; } .share-box{ position: absolute; right: 0px; top: 5px; } .pop-coupon-title{ padding: 10px 15px; box-sizing: border-box; background-color: #fff; position: relative; text-align: center; } .pop-coupon-icon{ position: absolute; top: 10px; right: 10px; } .coupon-bt{ float: right; } .wechat-customer .wechat-bg{background:#333;opacity:0.5;width:100%;z-index:999;position:fixed;top:0;bottom:0;} .wechat-customer .wechat-cont{width:12rem;background:#fff;border-radius:5px;position:fixed;top:50%;left:50%;margin-left:-8rem;z-index:999;text-align:center;padding:2rem;margin-top:-10rem;} .wechat-customer .wechat-cont img{width:10rem;height:10rem;} .wechat-customer .wechat-cont .closewindow{position:absolute;right:1rem;top:1rem;} .wechat-customer .wechat-cont .button1{width: 12rem; height: 2rem; line-height: 2rem; border: 0px; margin: 0rem auto 0 auto; color: #999; font-size: 12px;} .wechat-customer .wechat-cont .button2{width:12.1rem;height:2rem;background:#2ba246;color:#fff;border:1px solid #2ba246;margin-top:0.5rem;} .suspend{ width: 100%; height: 100%; position: relative;
      z-index: 999; background-color: rgba(0,0,0,.6); position: fixed; top: 0; left: 0; } .suspend-content{ width: 244px; height: 55px; position: fixed; top: 70%; z-index: 900; } .suspend-content-left{ width: 44px; height: 40px; background-color: rgba(0,0,0,.6); color: #fff; font-size: 8px; padding: 3px; box-sizing: border-box; border-top-left-radius:5px; border-bottom-left-radius:5px; margin-top: 10px; float: left; } .suspend-icon{ float: left; width: 10px; height: 30px; padding: 5px 0px; margin-right: 3px; font-size: 14px; } .suspend-navigation{ float: left; width: 25px; height: 30px; padding:0px; box-sizing: border-box; font-size: 10px; } .suspend-navigation2{ float: left; width: 25px; height: 30px; padding: 10px 0px; box-sizing: border-box; font-size: 10px; } .suspend-content-right{ width: 200px; height: 60px; background-color: #fff; float: left; border-top-left-radius:5px; border-bottom-left-radius:5px; padding: 15px 10px; box-sizing: border-box; } .suspend-content-right .van-col{ text-align: center; } .suspend-contact{ font-size: 20px; } .suspend-contact-text{ font-size: 10px; transform: scale(0.7); } .coupon_condition{ -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; font-size: 12px; } .coupon_time{ margin-top: 10px; float: left; } .coupon_info{ padding: 5px 0px; font-size: 10px; color: #ccc; } .coupon_circle{ width: 15px; height: 15px; border-radius: 8px; background-color: #eee; text-align: center; float: right; } .coupon_down{ font-size: 10px; margin-top: 3px; color: #fff; } .coupon_info_detail{ padding: 10px; box-sizing: border-box; background-color: #fff; color: #9d9d9d; font-size: 14px; } .goods-content-refresh{ padding: 30px 0px; box-sizing: border-box; text-align: center; color: #9d9d9d; font-size: 12px; } .refresh-icon{ width: 15px !important; height: 15px !important; margin-top: 10px; } #gdetail .van-notice-bar__wrap{font-size: 12px;} .van-notice-bar{height: 30px; border-top: 1px solid #eaeaea;} .goods-detail-content span{ word-wrap: break-word; word-break: break-all; overflow: hidden; white-space: normal !important; } .unlogin{ padding: 14px 16px; width: 100%; box-sizing: border-box; position: relative; font-size: 32px; text-align: center; color: #fff; } .brand-content{ width: 100%; margin-top: 10px; } .brand-content .van-tag{ font-size: 10px; } .brand-logo{ width: 30px; height: 25px; margin-right: 5px; } .brand-cell .van-cell__title{ font-size: 14px; } .share_hint{ background-color: #faf1dc; font-size: 12px; padding: 7px 12px; box-sizing: border-box; color: #666; margin-bottom: 10px; } .share_hint_right{ float: right; color: #333; } .share_hint_icon{ float: right; margin-top: 6px; } .van-sku__goods-price{ margin-top: 5px; } .van-sku__sku_stock{ font-size: 12px; color: #999; } .text-right{text-align:right;} .van-goods-action-big-btn{border-radius:50px;width:96%;margin:5px 2%;height:40px;line-height:40px;} .evaluate-content{margin-top:5px} .evaluate-content .van-cell__cont{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display: -webkit-box;-webkit-box-orient:vertical;background:#ffffff;font-size:0.65rem;color:#999999;} .van-cell__contbg{background:#ffffff;padding:0 15px 15px 15px;} .member-imgs{width:25px;height:25px;float:left;border-radius:25px;margin-right:5px} .paddingBttom{background:#ffffff;} .price-content2{ padding: 11px 18px; width: 100%; box-sizing: border-box; display: flex; color: #fff; } .price-content2 .van-tag{ font-size: 10px; } .seckill-cur{ font-size: 10px; margin-left: 1.5px; } .seckill-price{ flex: 1; font-size: 12px; } .old-price{ text-decoration: line-through; font-size:12px; color:#fff5ec; } .seckill-price2{ font-size:23px; font-weight: bold; } .seckill-right{ padding-top: 5px; text-align: right; } .seckill-time{ font-size: 10px; color: #fff; } .goods-title { padding: 15px 15px 10px; width: 100%; box-sizing: border-box; background-color: #fff; position: relative; } .goods-title2 { padding: 10px 15px 10px; width: 100%; box-sizing: border-box; background-color: #fff; position: relative; } .goods-title-content { font-size: 16px; color: #333; width: 100%; font-weight:600; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 15px; line-height: 20px; } .goods-spec-content{ width: 100%; box-sizing: border-box; font-size: 12px; color: #a2a2a2; display: flex; } .goods-spec{ flex: 4; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-right:5px; } .count-buy{ text-align: right; margin-bottom: 5px; } .goods-sales{ padding: 2px 8px; font-size: 12px; box-sizing: border-box; display: flex; border-radius: 5px; } .all-stock{ flex:1; text-align:left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .price-content{ width: 100%; box-sizing: border-box; display: flex; padding: 16px 16px 0px; background-color: #fff; } .goods-price-txt { font-size: 20px; font-weight: bold; } .goods-price-rmb { font-size: 12px; color: #999; } .collection-content{ margin-top: 6px; } .share-content{ position: absolute; top: 15px; right: 0px; z-index: 2; padding: 8px 12px; background-color: #fff; border-top-left-radius: 20px; border-bottom-left-radius: 20px; font-size: 12px; font-weight:550; color: #ed061d; -moz-box-shadow:0px 0px 3px #DEDEDE; -webkit-box-shadow:0px 0px 3px #DEDEDE; box-shadow:0px 0px 3px #DEDEDE; letter-spacing:-1px; } .share-icon{ float: left; margin-top: 3px; margin-right: 2px; } .fr{float:right;} .coupon-icon{ margin-right: 10px; border-radius: 5px !important; font-size: 12px !important; padding: 2px 0px !important; width: 44px; text-align: center; } .custom-title { font-size:12px; } .van-cell__value span{font-size:12px;} .goods-desc-img{ width: 100px; height: 100px; } .van-tabs--line{ padding-top: 0px; } .price-content3{ padding: 14px 16px; width: 100%; box-sizing: border-box; position: relative; font-size: 16px; text-align: center; color: #fff; } .price-content2{ padding: 11px 18px; width: 100%; box-sizing: border-box; display: flex; color: #fff; } .seckill-price{ flex: 1; font-size: 12px; } .seckill-cur{ font-size: 10px; margin-left: 2px; } .seckill-price2{ font-size:23px; font-weight: bold; } .old-price{ text-decoration: line-through; font-size:12px; color:#fff5ec; } .seckill-right{ padding-top: 5px; text-align: right; } .seckill-time{ font-size: 10px; color: #fff; margin-top: 8px; color:#fff5ec; } .price-content{ width: 100%; box-sizing: border-box; display: flex; padding: 16px 16px 0px; background-color: #fff; } .goods-price-txt { font-size: 20px; font-weight: bold; } .goods-price-rmb { font-size: 12px; color: #999; } .collection-content{ margin-top: 6px; }</style>
    <!-- 内容 -->
    <div id="gdetail" class="container">
      <input type="hidden" id="productId" value="#(product.id)">
      <!---->
      
      <div style="background-color: #fff;">
      <div class="m-slider" data-ydui-slider style="    height: 300px;width:300px;padding-top: 13px;color: rgb(42, 101, 170);">
				<div class="slider-wrapper">
					#for(productImage : product.productImages)
					<div class="slider-item">
						<a href="javascript:;">
							<img src="#(imageUrl(productImage))" alt="">
						</a>
					</div>
					#end
				</div>
				<div class="slider-pagination"></div>
			</div>
      </div>
      <div class="share-content" style="color: rgb(42, 101, 170);width: 62px;" id="shareImage">
          <i class="share-icon van-icon van-icon-share" style="font-size: 14px;">
           </i>
         
          <div class="cl">生成海报</div>
        </div>
      
      #if(product.isSeckill)
      <div class="aui-box-gradual">
                    <div class="aui-flex">
                        <div class="aui-time-price">
                            <i>￥</i>
                            #(product.seckillProduct.price)
                        </div>
                        <div class="aui-flex-box aui-text-lines">
                            <h3>￥ #(product.price)</h3>
                        </div>
                        <div class="aui-time-box">
                            <p >距结束还剩</p>
                            <div class="time-item">
                                <span class="hour_show"><!-- <span id="seckillDay">00</span> --><s></s><span id="seckillHour">00</span> </span>
                                <em>:</em>
                                <span class="minute_show"><s></s><span id="seckillMinute">00</span> </span>
                                <em>:</em>
                                <span class="second_show"><s></s><span id="seckillSecond">00</span> </span>
                            </div>
                        </div>
                    </div>
                </div>
                
                <script>
 function seckill(){
	// 当前时间
	     var nowTime = new Date();
		// 2016/12/22 hh:mm:ee
		// 结束时间
		var endTime = new Date("#date(product.seckillProduct.seckill.endDate,'yyyy/MM/dd HH:mm:ss')");
	// 相差的时间	
	var t = endTime.getTime() - nowTime.getTime();
	if(t<=0){
		return false;
	}

	var d = Math.floor(t/1000/60/60/24);
	
	var h = Math.floor(t/1000/60/60%24);
	var i = Math.floor(t/1000/60%60);
	var s = Math.floor(t/1000%60);

	/* document.getElementById('countdownDay').innerHTML = d; */
	document.getElementById('seckillHour').innerHTML = d*24+h;
	//document.getElementById('countdownHour').innerHTML = h;
	document.getElementById('seckillMinute').innerHTML = i;
	document.getElementById('seckillSecond').innerHTML = s;

	setInterval(seckill, 1000);
} 
 seckill();
</script>
#end


#if(product.isGroup)
      <div class="aui-box-gradual">
                    <div class="aui-flex">
                        <div class="aui-time-price">
                            <i>￥</i>
                            #(product.groupProduct.price)
                        </div>
                        <div class="aui-flex-box aui-text-lines">
                            <h3>￥ #(product.price)</h3>
                            <p>
                                <em class="aui-one">已团#(product.groupProduct.currentNum??"0")人</em>
                                <em class="aui-two">#(product.groupProduct.num)人团</em>
                            </p>
                        </div>
                        <div class="aui-time-box">
                            <p >距结束还剩</p>
                            <div class="time-item">
                                <span class="hour_show"><!-- <span id="groupDay">00</span> --><s></s><span id="groupHour">00</span> </span>
                                <em>:</em>
                                <span class="minute_show"><s></s><span id="groupMinute">00</span> </span>
                                <em>:</em>
                                <span class="second_show"><s></s><span id="groupSecond">00</span> </span>
                            </div>
                        </div>
                    </div>
                </div>
                
                <script>
 function group(){
	// 当前时间
	     var nowTime = new Date();
		// 2016/12/22 hh:mm:ee
		// 结束时间
		var endTime = new Date("#date(product.groupProduct.group.endDate,'yyyy/MM/dd HH:mm:ss')");
	// 相差的时间	
	var t = endTime.getTime() - nowTime.getTime();
	if(t<=0){
		return false;
	}

	var d = Math.floor(t/1000/60/60/24);
	
	var h = Math.floor(t/1000/60/60%24);
	var i = Math.floor(t/1000/60%60);
	var s = Math.floor(t/1000%60);
	
	/* document.getElementById('countdownDay').innerHTML = d; */
	document.getElementById('groupHour').innerHTML = d*24+h;
	document.getElementById('groupMinute').innerHTML = i;
	document.getElementById('groupSecond').innerHTML = s;

	setInterval(group, 1000);
} 
 group();
</script>
#end
      
      <div class="paddingBttom">
        <div class="pro-info">
          <div class="price-content">
			  <i class="collection-content van-icon #if(session.session_member?? && checkFav(session.session_member.id,product.id)) van-icon-like #else van-icon-like-o #end" style="font-size: 20px;" id="favProduct" productId="#(product.id)">
			    <!---->
			    <!----></i>
			</div>
          <div class="goods-title2">
            <div class="goods-title-content" style="margin-bottom: 5px;">#(product.name)</div>
            <div class="goods-spec-content">
              <div class="goods-spec">#(product.spec)</div>
              <div class="count-buy">销量：#(product.sales)</div></div>
            <div class="goods-sales" style="background-color: rgb(207, 213, 220);">
              <!---->
              <div class="all-stock" style="text-align: right;">
                <span>发货地:</span></div>
            </div>
          </div>
        </div>
      </div>
      <div class="van-cell-group van-hairline--top-bottom" style="margin-top: 10px;"></div>
      <!---->
      <div class="brand-content" onclick="location.href='#(product.brand.path)'">
        <div class="brand-cell van-cell van-cell--borderless">
          <img src="#(imageUrl(product.brand.image))" class="brand-logo">
          <div class="van-cell__title">
            <span>#(product.brand.name)</span>
            <!----></div>
          <div class="van-cell__value">
            <span class="van-tag van-tag--round" slot="" style="background-color: rgb(207, 213, 220); color: rgb(42, 101, 170);">了解品牌</span></div>
          <!----></div>
      </div>
      <div class="evaluate-content">
        <div class="van-cell van-cell--clickable" onclick="location.href='#(base)/product_review/#(product.id)'">
         
          <div class="van-cell__title">
            <span>商品评价(#(product.reviewCount??"0"))</span>
           </div>
          <div class="van-cell__value">
            <span>查看全部</span></div>
          <i class="van-icon van-icon-arrow van-cell__right-icon">
           
           </i>
        </div>
        <div class="van-cell van-cell--borderless">
         
          <div class="van-cell__title">
            <img>
            <div class="van-cell-text"></div>
          </div>
         
         </div>
        <div class="van-cell__contbg">
          <div class="van-cell__cont"></div>
        </div>
      </div>
      <div class="goods-detail van-tabs van-tabs--line">
        <div class="van-tabs__wrap van-hairline--top-bottom" style="">
          <div class="van-tabs__nav van-tabs__nav--line" id="tabHeader">
            <div class="van-tab van-tab--active" tabIndex="1">
              <span class="van-ellipsis">商品详情</span></div>
            <div class="van-tab" tabIndex="2">
              <span class="van-ellipsis">备注信息</span></div>
          </div>
        </div>
        <div class="van-tabs__content">
          <div class="van-tab__pane" style="" id="tab_item_1">
            <div>
              <div class="goods-detail-content">
                <p>
                  #(product.introduction)
                  </p>
                <div>
                  
                  <br>
                  </div>
              </div>
            </div>
            <!----></div>
          <div class="van-tab__pane" style="display: none;" id="tab_item_2">
          	#if(product.memo??)
          	<div>
              <div class="goods-detail-content">
              <div>
          		#(product.memo)
          		 <br>
                  </div>
              </div>
            </div>
          	#else
            <div class="no-goods-desc">
              <img src="#(base)/static/images/wx_nodata.png" class="goods-desc-img">
              <div>暂无备注信息</div></div>
          	
          	#end
            <!----></div>
        </div>
      </div>
      <div class="van-goods-action">
        <div class="van-hairline van-goods-action-mini-btn" onclick="location.href='#(base)/'">
          <i class="van-icon van-icon-shop van-goods-action-mini-btn__icon">
            <!---->
            <!----></i>首页</div>
        <div class="van-hairline van-goods-action-mini-btn" onclick="location.href='#(base)/cart/list'">
        <i class="van-icon van-icon-cart van-goods-action-mini-btn__icon">
        <!---->
        <div class="van-info" id="cartQuantity"></div></i>购物车</div>
        <div class="van-hairline van-goods-action-mini-btn" onclick="location.href='https://yzf.qq.com/xv/web/static/chat/index.html'">
          <i class="van-icon van-icon-chat van-goods-action-mini-btn__icon">
            <!---->
            <!----></i>客服</div>
          #if(product.isGroup)
          #if(product.groupProduct.isCompleted)
          <button class="van-button van-button--warning van-button--large van-button--square van-goods-action-big-btn cd-popup-trigger" disabled>
              <span class="van-button__text">拼团已完成</span></button>
          #else
          <button class="van-button van-button--warning van-button--large van-button--square van-goods-action-big-btn"  #if(session.session_member??) id="buyBtn" val="GROUP_BUY" #else onclick="location.href='#(base)/login'" #end>
              <span class="van-button__text">一键拼团</span></button>
          #end
          #else if(product.isSeckill)
          <button class="van-button van-button--warning van-button--large van-button--square van-goods-action-big-btn"  #if(session.session_member??) id="buyBtn" val="SECKILL_BUY" #else onclick="location.href='#(base)/login'" #end>
              <span class="van-button__text">一键秒杀</span></button>
          #else
          <button class="van-button van-button--warning van-button--large van-button--square van-goods-action-big-btn cd-popup-trigger"  #if(session.session_member??) id="addCartBtn" #else onclick="location.href='#(base)/login'" #end>
          <span class="van-button__text">加入购物车</span></button>
          #end
      </div>
      <!---->
      <!---->
      <!---->
      <!---->
      <div class="van-sku-container van-popup van-popup--bottom cd-popup" style="z-index: 2005;display: none;" id="productBuyPop">
  <div class="van-hairline--bottom van-sku-header">
    <div class="van-sku-header__img-wrap">
      <img src="#(imageUrl(product.image))"></div>
    <div class="van-sku-header__goods-info">
      <div class="van-sku__goods-name van-ellipsis">#(product.name)</div>
      <div class="van-sku__goods-price">
        <span class="van-sku__price-symbol">￥</span>
        <span class="van-sku__price-num">#(product.price)</span>
        <div class="van-sku__sku_stock">库存：#(product.stock)</div></div>
      <i class="van-sku__close-icon van-icon van-icon-close cd-popup-close">
        <!---->
        <!----></i>
    </div>
  </div>
  <div class="van-sku-body" style="max-height: 312px;">
    <!---->
    <div class="van-sku-stepper-stock">
      <div class="van-sku-stepper-container">
        <div class="van-sku__stepper-title">购买数量：</div>
        <div class="van-sku__stepper van-stepper">
          <button class="van-stepper__minus van-stepper__minus--disabled"></button>
          <input type="number" class="van-stepper__input" #if(product.stock==0) value="0" #else value="1" #end id="number" stock="#(product.stock)" #if(product.isGroup || product.isSeckill) disabled #end>
          <button class="van-stepper__plus #if(product.stock==0 || product.stock==1 || product.isGroup || product.isSeckill)van-stepper__minus--disabled#end"></button>
        </div>
      </div>
      <!---->
      <!----></div>
    <div class="van-cell-group van-hairline--top-bottom van-sku-messages"></div>
  </div>
  <div class="van-sku-actions">
    <button class="van-button van-button--default van-button--normal van-button--bottom-action" id="productBuyBtn">
      <span class="van-button__text">确定</span></button>
  </div>
</div>

<!-- start -->
<div class="van-overlay" style="z-index: 2005;display: none;" id="backDiv"></div>


<div class="van-dialog" style="z-index: 2006; display: none;width: 300px;" id="qrImageDiv">
 <i class="van-sku__close-icon van-icon van-icon-close cd-popup-close" style="top: 2px;
    right: 5px;
    font-size: 20px;
    color: #0055ff;
    position: absolute;
    text-align: center;" id="qrImageClose">
        <!---->
        <!----></i>
  <div class="van-dialog__content">
  	<img src="" id="qrImageSrc" width="300" height="400"/>
    </div>
</div>

<!-- end -->

      <!---->
      <!---->
      <!---->
      <!----></div>
    <!-- 逻辑 -->
    
    
     <!-- 逻辑 Start -->
    <div class="van-toast van-toast--default van-toast--middle" style="z-index: 2004; display: none;" id="showloading">
      <!---->
      <!---->
      <div class="van-loading van-loading--circular van-loading--white" style="color: white;">
        <span class="van-loading__spinner van-loading__spinner--circular">
          <svg viewBox="25 25 50 50" class="van-loading__circular">
            <circle cx="50" cy="50" r="20" fill="none"></circle>
          </svg>
        </span>
      </div>
      <div class="van-toast__text">加载中...</div></div>
    <!-- 逻辑 End -->
    
    <!-- 底部内容-->
    <style>#mini_footer{ position: absolute; text-align: center; width: 100%; font-size: 12px; color: #ccc; bottom: 10px;}</style>
    <!-- <div id="mini_footer">© 2018 POWER BY HTPAI.COM</div> --></body>

</html>
<script type="text/javascript" src="#(tpath)/static/js/load.js"></script>
<script type="text/javascript">

$("#shareImage").on("click",function(){
	var productId = $("#productId").val();	
	$("#showloading").show();
	$.ajax({
        url: "#(base)/qr/create",
        type: "post",
        data: {"productId":productId,"type":1},
        dataType: "json",
        success: function(res){
        	if(res.type=="success"){
        		$("#qrImageSrc").attr("src",res.data.qrImage);
        		setTimeout(function(){ $("#showloading").hide();$("#qrImageDiv").show();
        		$("#backDiv").show(); }, 2000);

        		
        	}else{
        		alert(res.msg);
        		$("#showloading").hide();
        	}
        },
        error: function(res){
        	$("#showloading").hide();
        }
    });
	
});

$("#qrImageClose").on("click",function(){
	$("#qrImageDiv").hide();
	$("#backDiv").hide();
	});


$("#favProduct").on("click",function(){
	var productId = $(this).attr("productId");
	$.ajax({
        url: "#(base)/product_fav/save",
        type: "post",
        data: {"productId":productId},
        dataType: "json",
        success: function(res){
        	if(res.type=="success"){
        		if($("#favProduct").hasClass("van-icon-like")){
        			$("#favProduct").removeClass("van-icon-like");
        			$("#favProduct").addClass("van-icon-like-o");
	        		alert("取消收藏成功");
        		}else{
        			$("#favProduct").removeClass("van-icon-like-o");
        			$("#favProduct").addClass("van-icon-like");
	        		alert("收藏成功");
        		}
        	}
        },
        error: function(res){
        }
    });
});


$(".van-tab").on("click",function(){
	var pre = $("#tabHeader").find(".van-tab--active");
	pre.removeClass("van-tab--active");
	var preTabIndex = pre.attr("tabIndex");
	$("#tab_item_"+preTabIndex).hide();
	
	$(this).addClass("van-tab--active")
	var tabIndex = $(this).attr("tabIndex");
	$("#tab_item_"+tabIndex).show();
});


$(".van-stepper__minus").on("click",function(){
	var number = parseInt($("#number").val());
	if(number<=1){
		return;
	}
	number = number-1;
	$("#number").val(number);
	if(number<=1){
		$(this).addClass("van-stepper__minus--disabled");
	}
	$(".van-stepper__plus").removeClass("van-stepper__minus--disabled");
});

$(".van-stepper__plus").on("click",function(){
	var number = parseInt($("#number").val());
	var stock = parseInt($("#number").attr("stock"));
	if(number>=stock){
		alert("库存不足");
		return;
	}
	number = number+1;
	$("#number").val(number);
	if(number>=stock){
		$(".van-stepper__plus").addClass("van-stepper__minus--disabled");
	}
	$(".van-stepper__minus").removeClass("van-stepper__minus--disabled");
});

$("#number").on("blur",function(){
	
	var number = parseInt($("#number").val());
	var stock = parseInt($("#number").attr("stock"));
	if(number>=stock){
		$("#number").val(stock);
		$(".van-stepper__plus").addClass("van-stepper__minus--disabled");
	}
	if(parseInt($("#number").val())>1){
		$(".van-stepper__minus").removeClass("van-stepper__minus--disabled");
	}
	});


$("#productBuyBtn").on("click",function(){
	var productId = $("#productId").val();
	var quantity = $("#number").val();
	updateQuantity(productId,quantity);
});

$("#buyBtn").on("click",function(){
    var productId = $("#productId").val();
    var quantity = $("#number").val();
    var orderType = $(this).attr("val");
    if(quantity<1){
        alert("库存不足");
        return;
    }
    location.href="#(base)/order/add?productId="+productId+"&quantity="+quantity+"&orderType="+orderType;
});

//更新购物车数量
function updateQuantity(productId,quantity){
	$.ajax({
        url: "#(base)/cart_item/update",
        type: "post",
        data: {"productId":productId,"quantity":quantity,"type":1},
        dataType: "json",
        success: function(res){
        	$(".cd-popup-close").trigger("click");
        	var totalQuantity = res.data.totalQuantity;
        	$("#cartQuantity").html(totalQuantity);
        },
        error: function(res){
        }
    });
}

</script>